<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
	<link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>群聊详情页</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        .Cell .tc_inner{
            padding-left:0;
            padding-right:0;
        }
        .InputCell .form_row span.input_label{
            font-size: 17px;
        }
        #allchatdetial .AboutSection .contents {
            padding: 12px 0;
            font-size: 17px;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" id="allchatdetial">
<div class="PageWrapper nonav">
    <div class=" has_toolbar">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button"></button>
                    <div class="page_title unified">
                        <span>聊天信息</span>
                        (<span>5</span>)
                    </div>
                </div>
            </div>
        </div>
        <!-- 头像列表-->
        <div class="ProfilePageHeader">
            <div class="allchatdetialimgbox">
                <img src="images/touxiang01.jpg"/>
            </div>
            <div class="allchatdetialimgbox">
                <img src="images/touxiang02.jpg"/>
            </div>
            <div class="allchatdetialimgbox">
                <img src="images/touxiang03.jpg"/>
            </div>
            <div class="allchatdetialimgbox">
                <img src="images/touxiang04.jpg"/>
            </div>
            <div class="allchatdetialimgbox">
                <img src="images/touxiang05.jpg"/>
            </div>
        </div>
    </div>
</div>
<!--群设置-->
<div class="AboutSection setpageotherplace" style="border-top: 14px solid #ececec;background:#fff;">
    <div class="contents borderbottom">
        <a class="AboutListItem LocationAboutListItem" style="padding-left:0;">
            <span class="main_text">
                <span class="TopicName">群聊名称</span>
            </span>
            <input type="text"/>
        </a>
    </div>
    <div class="contents">
        <a class="AboutListItem LocationAboutListItem" style="padding-left:0;">
            <span class="main_text">
                <span class="TopicName">群公告</span>
            </span>
            <input type="text"/>
        </a>
    </div>
</div>

<!-- 权限设置-->
<div class="AboutSection setpageotherplace " style="border-top: 14px solid #ececec;background:#fff;">
    <div class="Cell InputCell InputMixin">
        <span class="tc_inner">
            <div class="form_inputs">
                <p class="form_row">
                    <span class="input_label">聊天置顶</span>
                </p>
            </div>
            <div class="changephotobox mysetpageimgbtn">
                <img src="img/message_off.png"/>
            </div>
        </span>
        <div class="tc_stroke"></div>
    </div>

    <div class="Cell InputCell InputMixin">
        <span class="tc_inner">
            <div class="form_inputs">
                <p class="form_row">
                    <span class="input_label">消息免打扰</span>
                </p>
            </div>
            <div class="changephotobox mysetpageimgbtn">
                <img src="img/message_off.png"/>
            </div>
        </span>
        <div class="tc_stroke"></div>
    </div>
    <div class="Cell InputCell InputMixin">
        <span class="tc_inner">
            <div class="form_inputs">
                <p class="form_row">
                    <span class="input_label">阅后即焚</span>
                </p>
            </div>
            <div class="changephotobox mysetpageimgbtn">
                <img src="img/message_off.png"/>
            </div>
        </span>
    </div>
</div>
<!--清空记录-->
<div class="AboutSection setpageotherplace" style="border-top: 20px solid #ececec;background:#fff;">
    <div class="Cell InputCell InputMixin">
        <span class="tc_inner">
            <div class="form_inputs">
                <p class="form_row">
                    <span class="input_label">清空聊天记录</span>
                </p>
            </div>
        </span>
    </div>
</div>
<!--底部按钮-->
<div class="lastbtn">
    删除并退出
</div>
<script>
    document.getElementsByClassName("mweb_modal_back_button")[0].onclick=function(){
        history.go(-1);
    }
</script>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
</body>
</html>